

//1在公司中做开发  =》 找到对应的位置 =》在创建组件=》布局

// 2分析 数据 和功能 =》找接口 =》 自己写接口



//功能组件  =》 他的动态数据 =》 组件之间不用关联，父组件也不要，就之间在 自己的功能组件中获取数据


import { testDatasList } from '../../https/Api/yiyuan'
import { useState, useEffect } from 'react'
import LineTwOEcharts from '../../EchartsCom/LineTwOEcharts'
function Ttest() {

    let [testObj, setTestObj]:any = useState({})

    useEffect(() => {
        getTestObj()
    }, [])


    const getTestObj = () => {
        testDatasList().then((res: any) => {
            console.log(res, 33333331);

            if (res.code == 200) {
                setTestObj(res.objs
                )
            }
        })
    }

    return (
        <div className='testBox'>
               {/* 完成基本的样式 */}
            <div className='testTopBox glb-flex1'>
                <div className='textTopBox-left'>
                    <div > {testObj.time}</div>
                    <div>{testObj.nums}</div>
                </div>
                <div className='textTopBox-rgiht'>
                     <div> 正面  {testObj.one+'%'}</div> 
                     <div>负面 {testObj.two+'%'} </div>
                     <div>中间 {testObj.three+'%'}</div>
                </div>
            </div>

            {/* 折线图 */}

          <LineTwOEcharts id="main" width={100} lineDatasObj={testObj}></LineTwOEcharts>

        </div>
    )
}



export default Ttest